import React from 'react';
import { ITodo } from '../typings';
import Item from './Item';

interface IProps {
    todoList: ITodo[]
    removeTodo: (id: number) => void
    toggleTodo: (id: number) => void
}
const List = (props: IProps) => {
    const {todoList, removeTodo, toggleTodo} = props;
     console.log('List-----',todoList);
     
    return (
        <div>
            {
                todoList && todoList.map((todo: ITodo) => {
                    return (
                        <Item 
                           key={todo.id}
                           todo={todo}
                           toggleTodo={toggleTodo}
                           removeTodo={removeTodo}
                        />
                    )
                })
            } 
        </div>
    )
}

export default List;
